<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Swag On</title>
<link rel="stylesheet" type="text/css" href="css/default.css"/>
<link rel="stylesheet" type="text/css" href="css/swagon-style.css"/>
<!--[if IE 7]> 
<link rel="stylesheet" type="text/css" href="css/ie7.css"/>
<![endif]-->
<!--[if IE 8]> 
<link rel="stylesheet" type="text/css" href="css/ie8.css"/>
<![endif]-->
<!--navigation start-->
<script type="text/javascript" src="js/script.js"></script>
<!--navigation end-->
<script type="text/javascript" src="js/script-banner.js"></script><link rel="stylesheet" type="text/css" href="css/tinybanner.css"/>
</head>

<body>
<div class="wrapper">
<!--header start-->
<div class="header">
<div class="logo fl mgt10"></div>
<div class="facebooklikebg fl">
<div class="facebooklike"><img src="images/facebookliketmp.jpg"  width="177" height="25" /></div>
</div>
<div class="header-right fr">
<div class="loginnsearchpanl fr">
<a href="#" class="addtocartbtn fl"></a>
<a href="#" class="loginbtn mgl10 fl"></a>
<div class="mgl10 searchbox fl">
<span class="searchbox-search-icon-bg">
<span class="searchbox-search-icon fl"></span>
</span>
<input type="text" value="Search" class="search-input fl" />
<input type="submit" value="" class="gobtn fl"/>
</div>
</div>
<div class="spacer5"></div>
<div class="fr">
<a href="#" class="facebookicon fl mgr10"></a>
<a href="#" class="youtubicon fl mgr10"></a>
<a href="#" class="twittericon fl"></a>
</div>
<div class="spacer5"></div>
<div class="topnav fr">
<div class="topnav-left"></div>
<div class="topnav-mid">
<ul>
<li><a href="#" class="selected">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Store Locator</a></li>
<li><a href="#">Faq's</a></li>
<li class="last"><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="topnav-right"></div>

</div>
</div>
</div>
<!--header end-->
<div class="spacer5"></div>
<!--navigation start-->
<div class="mainnav fr">
<div class="mainnav-left"></div>
<div class="mainnav-mid">
<!--<ul>
<li><a href="#" class="selected">YOUNG MEN</a></li>
<li><a href="#"> JUNIORS</a></li>
<li><a href="#">BOYS</a></li>
<li><a href="#">GIRLS </a></li>
<li><a href="#">TODDLERS  </a></li>
<li><a href="#">ACCESSORIES  </a></li>
<li><a href="#"> BLOG  </a></li>
<li><a href="#">FEATURED LOOKS </a></li>
<li><a href="#">SP STYLE  </a></li>
<li><a href="#">PRESS   </a></li>
<li class="last"><a href="#">MIX N' MATCH</a></li>
</ul>-->
<div id="nav">

<ul class="menu" id="menu">
<li><a href="#" class="menulink">YOUNG MEN</a></li>
<li><a href="#" class="menulink">JUNIORS</a><ul>
			<li><a href="#">Navigation Item 1</a></li>
			<li>
				<a href="#" class="sub">Navigation Item 2</a>
				<ul>
					<li class="topline"><a href="#">Navigation Item 1</a></li>
					<li><a href="#">Navigation Item 2Navigation Item 2</a></li>
					<li><a href="#">Navigation Item 3</a></li>
					<li><a href="#">Navigation Item 4</a></li>
					<li><a href="#">Navigation Item 5</a></li>
				</ul>
			</li>
			<li>
				<a href="#" class="sub">Navigation Item 3Navigation Item 3</a>
				<ul>
					<li class="topline"><a href="#">Navigation Item 1</a></li>
					<li><a href="#">Navigation Item 2</a></li>
					<li>
						<a href="#" class="sub">Navigation Item 3</a>
						<ul>
							<li class="topline"><a href="#">Navigation Item 1</a></li>
							<li><a href="#">Navigation Item 2</a></li>
							<li><a href="#">Navigation Item 3</a></li>
							<li><a href="#">Navigation Item 4</a></li>
							<li><a href="#">Navigation Item 5</a></li>
							<li><a href="#">Navigation Item 6</a></li>
						</ul>
					</li>
					<li><a href="#">Navigation Item 4</a></li>
				</ul>
			</li>
			<li><a href="#">Navigation Item 4</a></li>
			<li><a href="#">Navigation Item 5</a></li>
		</ul></li>
<li><a href="#" class="menulink">BOYS</a><ul>
			<li><a href="#">Navigation Item 1</a></li>
			<li>
				<a href="#" class="sub">Navigation Item 2</a>
				<ul>
					<li class="topline"><a href="#">Navigation Item 1</a></li>
					<li><a href="#">Navigation Item 2</a></li>
					<li><a href="#">Navigation Item 3</a></li>
					<li><a href="#">Navigation Item 4</a></li>
					<li><a href="#">Navigation Item 5</a></li>
				</ul>
			</li>
			<li>
				<a href="#" class="sub">Navigation Item 3</a>
				<ul>
					<li class="topline"><a href="#">Navigation Item 1</a></li>
					<li><a href="#">Navigation Item 2</a></li>
					<li>
						<a href="#" class="sub">Navigation Item 3</a>
						<ul>
							<li class="topline"><a href="#">Navigation Item 1</a></li>
							<li><a href="#">Navigation Item 2</a></li>
							<li><a href="#">Navigation Item 3</a></li>
							<li><a href="#">Navigation Item 4</a></li>
							<li><a href="#">Navigation Item 5</a></li>
							<li><a href="#">Navigation Item 6</a></li>
						</ul>
					</li>
					<li><a href="#">Navigation Item 4</a></li>
				</ul>
			</li>
			<li><a href="#">Navigation Item 4</a></li>
			<li><a href="#">Navigation Item 5</a></li>
		</ul></li>
<li><a href="#" class="menulink">GIRLS</a><ul>
			<li><a href="#">Navigation Item 1</a></li>
			<li>
				<a href="#" class="sub">Navigation Item 2</a>
				<ul>
					<li class="topline"><a href="#">Navigation Item 1</a></li>
					<li><a href="#">Navigation Item 2</a></li>
					<li><a href="#">Navigation Item 3</a></li>
					<li><a href="#">Navigation Item 4</a></li>
					<li><a href="#">Navigation Item 5</a></li>
				</ul>
			</li>
			<li>
				<a href="#">Navigation Item 3</a>
				
			</li>
			<li><a href="#">Navigation Item 4</a></li>
			<li><a href="#">Navigation Item 5</a></li>
		</ul></li>
<li><a href="#" class="menulink">TODDLERS</a></li>
<li><a href="#" class="menulink">ACCESSORIES</a></li>
<li><a href="#" class="menulink">BLOG</a></li>
<li><a href="#" class="menulink">FEATURED LOOKS </a></li>
<li><a href="#" class="menulink">SP STYLE</a></li>
<li><a href="#" class="menulink">PRESS</a></li>
<li class="last"><a href="#" class="menulink">MIX N' MATCH</a></li>
</ul>
</div>
<script type="text/javascript">
	var menu=new menu.dd("menu");
	menu.init("menu","menuhover");
</script>
</div>
<div class="mainnav-right"></div>

</div>
<!--navigation end-->
<!--banner start -->
<div class="spacer10"></div>
<div class="mainbanner pos-rel">
	<div>
		<div class="sliderbutton prv"  onclick="slideshow.move(-1)"></div>
		<div id="slider">
			<ul>
				<li>
					<img src="images/b3.jpg" width="980" alt="Coral Reef" />
				</li>
				<li><img src="images/b1.jpg" width="980" alt="Sea turtle" /></li>
				<li><img src="images/b2.jpg" width="980" alt="Coral Reef" /></li>
				<li><img src="images/b1.jpg" width="980" alt="Blue Fish" /></li>
                <li><img src="images/b2.jpg" width="980" alt="Coral Reef" /></li>
				<li><img src="images/b1.jpg" width="980" alt="Blue Fish" /></li>
			</ul>
		</div>
		<div class="sliderbutton next" onclick="slideshow.move(1)"></div>
	</div>
	<ul id="pagination" class="pagination">
		<li onclick="slideshow.pos(0)">YOUNG MEN</li>
		<li onclick="slideshow.pos(1)">Juniors</li>
		<li onclick="slideshow.pos(2)">boys</li>
		<li onclick="slideshow.pos(3)">girls</li>
        <li onclick="slideshow.pos(4)">accessories</li>
		<li onclick="slideshow.pos(5)">sp style</li>
	</ul>
    <script type="text/javascript">
var slideshow=new TINY.slider.slide('slideshow',{
	id:'slider',
	auto:3,
	resume:true,
	vertical:false,
	navid:'pagination',
	activeclass:'current',
	position:0
});
</script>

</div>
<div class="spacer25"></div>
<!--banner start -->
<!--middle area start-->
<div class="middle-area">
<!--314box start-->
<div class="314contentbox fl">
<div class="contentbox-top314"></div>
<div class="contentbox-mid314">
<div class="pdt5 pdl15 pdr20 pdb5 minheight527px">
<h2 class="boxtitle314">swag on 
news
</h2>
<a href="#" class="readmorebtn fl readmoremargin"></a>
<div class="spacer5"></div>
<!--neas start-->
<div class="newsbox taj">
<div class="newsimgbg fl">
<img src="images/imgn1.jpg" width="81" height="111" alt="news" />

</div>
<h3 class="newstitle">Jacket Winter Warmer 
Fashion Trends 2012</h3>
<div class="spacer-right5"></div>
Here are jacket winter warmer fashion trends 2012, Colours this year range from muted stones and khaki.
<div class="spacer-right5"></div>
<a href="#" class="readmorered fr">Read More</a>
<div class="spacer-right10"></div>
<img src="images/likeus.jpg" width="132" height="21" class="fr" />
<div class="spacer10"></div>
</div>
<!--neas end-->
<div class="spacer10"></div>
<!--neas start-->
<div class="newsbox taj">
<div class="newsimgbg fl">
<img src="images/imgn1.jpg" width="81" height="111" alt="news" />

</div>
<h3 class="newstitle">Jacket Winter Warmer 
Fashion Trends 2012</h3>
<div class="spacer-right5"></div>
Here are jacket winter warmer fashion trends 2012, Colours this year range from muted stones and khaki.
<div class="spacer-right5"></div>
<a href="#" class="readmorered fr">Read More</a>
<div class="spacer-right10"></div>
<img src="images/likeus.jpg" width="132" height="21" class="fr" />
<div class="spacer10"></div>
</div>
<!--neas end-->
</div>
</div>
<div class="contentbox-bottom314"></div>

</div>
<!--314box end-->
<!--314box start-->
<div class="314contentbox fl mgl19">
<div class="contentbox-top314"></div>
<div class="contentbox-mid314">
<div class="pdt5 pdl15 pdr20 pdb5 minheight527px">
<h2 class="boxtitle314">featured
looks
</h2>
<a href="#" class="getthelookbtn fl getthelookmargin"></a>
<div class="spacer5"></div>
<!--neas start-->
<div class="newsbox taj">

<h3 class="newstitle tac">Check out this season's latest looks!!</h3>
<div class="spacer5"></div>
<div class="featuredimgbg mgl10">
<img src="images/fimg1.jpg" width="239" height="267" alt="news" />

</div>
<div class="spacer5"></div>
<h3 class="newstitle tac">Check out this season's latest looks!!</h3>
<div class="spacer10"></div>

<img src="images/likeus.jpg" width="132" height="21" class="fr" />
<div class="spacer10"></div>
</div>
<!--neas end-->
<div class="spacer1"></div>

</div>
</div>
<div class="contentbox-bottom314"></div>

</div>
<!--314box end-->
<!--314box start-->
<div class="314contentbox fl mgl19">
<div class="contentbox-top314"></div>
<div class="contentbox-mid314 ">
<div class="pdt5 pdl15 pdr20 pdb5 minheight527px">
<h2 class="boxtitle314">street
style
</h2>
<a href="#" class="checkitoutbtn fl checkitoutmargin"></a>
<div class="spacer10"></div>
<!--box start-->
<h3 class="newstitle tac">Got great personal style? Show us what you've got! Show us your style!</h3>
<div class="spacer10"></div>
<div class="mgl15">
<img src="images/j1.jpg" width="248" height="177"  />
</div>
<!--box end-->
<div class="spacer10"></div>
<div class="mixnmatchbanner">
<a href="#" class="gocreatebtn fl gocreatebtnmargin"></a>
</div>
</div>
</div>
<div class="contentbox-bottom314"></div>

</div>
<!--314box end-->
<div class="spacer25"></div>
<!--314box start-->
<div class="314contentbox fl">
<div class="contentbox-top314"></div>
<div class="contentbox-mid314">
<div class="pdt5 pdl15 pdr20 pdb5 minheight300px">
<h2 class="boxtitle314">watch
</h2>
<a href="#" class="watchnowbtn fl watchnowbtnmargin"></a>
<div class="spacer1"></div>
<h3 class="newstitle tac">Check out videos from our SP channel</h3>
<div class="spacer10"></div>
<div class="mgl5">
<img src="images/videoimg.jpg" width="274" height="173" alt="video" />
</div>
</div>
</div>
<div class="contentbox-bottom314"></div>

</div>
<!--314box end-->
<!--314box start-->
<div class="314contentbox fl mgl19">
<div class="contentbox-top314"></div>
<div class="contentbox-mid314">
<div class="pdt5 pdl15 pdr20 pdb5 minheight300px">
<h2 class="boxtitle314">sign up!
</h2>

<div class="spacer1"></div>
<h3 class="newstitle tal">Get the latest SP news and updates!</h3>

<div class="spacer15"></div>
<div class="hinputbg">
<input type="text" value="Enter your name" class="hinput"  />
</div>
<div class="spacer15"></div>
<div class="hinputbg">
<input type="text" value="Enter your name" class="hinput"  />
</div>
<div class="spacer10"></div>
<input type="submit" value="" class="signuptodaybtn fr mgr8" />
<div class="spacer1"></div>
</div>
</div>
<div class="contentbox-bottom314"></div>

</div>
<!--314box end-->
<!--314box start-->
<div class="314contentbox fl mgl19">
<div class="contentbox-top314"></div>
<div class="contentbox-mid314">
<div class="pdt5 pdl15 pdr20 pdb5 minheight300px">
<h2 class="boxtitle314 store-locator">store locator
</h2>

<div class="spacer1"></div>
<h3 class="newstitle tal fs13 fs11 mgtm3">Can't get enough SWAG? Enter your zipcode and locate your nearest retailer</h3>

<div class="spacer5"></div>
<div class="hinputbg">
<input type="text" value="Zipcode" class="hinput"  />

</div>
<div class="spacer15"></div>
<div class="hinputbg">
<input type="text" value="Enter your name" class="hinput"  />

</div>
<div class="spacer10"></div>
<input type="submit" value="" class="findyourswaggearbtn fr mgr8" />
<div class="spacer1"></div>

</div>
</div>
<div class="contentbox-bottom314"></div>

</div>
<!--314box end-->
</div>

<!--middle area start-->
<div class="spacer25"></div>
</div>

<!--footer start-->
<div class="footerbg">
<div class="footercenter pdt20 pdb20">
<div class="footerlogo mgt10 fl"></div>
<div class="footerlink mgl30 fl mgt10">
<div class="fl mgl10 ">
<ul>
<li><a href="#" class="selected">Home</a></li>
<li><a href="#" >About Us </a></li>
<li><a href="#" >Store Locator</a></li>
<li><a href="#" >Faq's</a></li>
<li><a href="#" >Contact Us</a></li>
<li><a href="#" >site map</a></li>


</ul>
</div>
<div class="fl mgl20">
<ul>
<li><a href="#" >Young Men</a></li>
<li><a href="#" >Juniors</a></li>
<li><a href="#" >Bous</a></li>
<li><a href="#" >Girls</a></li>
<li><a href="#" >Toddlers</a></li>
<li><a href="#" >Accessories</a></li>


</ul>
</div>
<div class="fl mgl20">
<ul>
<li><a href="#" >Blog</a></li>
<li><a href="#" >Featured Looks</a></li>
<li><a href="#" >SP Style</a></li>
<li><a href="#" >Press </a></li>
<li><a href="#" >Mix N Match</a></li>
<li><a href="#" >Gallery</a></li>

</ul>
</div>
</div>
<div class="footerfollowus fl mgl30 mgt10"><span class="footerfollowustitle">follow us!</span>
<div class="spacer5"></div>
<div class="fl mgl10">
<a href="#" class="facebookicon fl mgr10"></a>
<a href="#" class="youtubicon fl mgr10"></a>
<a href="#" class="twittericon fl"></a>
</div>
<div class="spacer40"></div>
</div>

<a href="#" class="giveusfeedback fl mgl20">Give Us Feedback</a>
</div>
</div>
<div class="footercenter">
<div class="spacer8"></div>
<div class="fl"><strong>Copyright © 2012 SWAG On , All rights reserved</strong>
</div>
<div class="fr">
<ul class="fbottomlink">
<li><a href="#">Site Map </a></li>
<li><a href="#">Privacy Policy  </a></li>
<li class="flast"><a href="#">Terms & Conditions</a></li>
</ul>

</div>
<div class="spacer10"></div>
</div>
<!--footer end-->

</body>
</html>
